﻿/*html elements*/
html { padding: 0px; margin: 0px; }
body { margin: 0px; padding: 0px;}
form { margin: 0px; padding: 0px; }
img { border: none 0px; }
textarea, select, input { font-family: 'Courier New' , Courier, monospace; font-size: 9pt; }
a, a.link, a:visited { text-decoration: none; }
.ui-menu ul, .ui-sitetools-menu, .ui-menu-submenu { line-height: 1.3; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; text-decoration: none; }

/*DNA jQuery Mvc Portal Site Layout Elements*/
#dna-page { margin: auto; width: 950px; }
#dna-page-toolbox { display: block; position: relative; height: 30px; margin-bottom: 5px; padding-right: 5px; padding-left: 5px; }
#dna-page-header { height: 100px; border-bottom: none; }
#dna-page-menu { border-bottom: none; border-top: none; }
#dna-page-content { overflow: hidden; padding: 5px; padding-right: 0px; border-bottom: none; min-height: 600px; }
#dna-page-footer { height: 80px; margin-bottom: 10px; }

/*Toolbox menu*/
#dna-toolbox-menu { float: right; list-style: none;margin-top:0px;margin-bottom:0px; padding: 0px; position: absolute; right: 0; top: 0; margin-right: 5px; }
#dna-toolbox-menu .ui-toolbox-menu { float: right; margin-top: 0px; display: block; }
#dna-toolbox-menu .ui-toolbox-menu a { display: block; margin-bottom: 5px; margin-left: 5px; margin-right: 5px; top: 50%; width: auto; }
.dna-content { position: relative; }

/*loaders*/
.dna-loader { height: 16px; background: transparent url(images/loading.gif) no-repeat center center; padding-left: 16px; padding-right: 16px; background-position: left; }

/*dropdown*/
.dna-ui-dropdown { position: absolute; left: 0px; right: 0px; display: none; overflow: auto; height: 250px; padding-top: 5px; padding-bottom: 5px; z-index: 2000; }
.dna-ui-dropdown li { margin: 5px; position: relative; padding-left: 10px; padding-top: 5px; }
.dna-ui-dropdown li a { display: block; height: 30px; }
.dna-ui-dropdown li a span { float: left; margin: 3px; position: absolute; top: 7px; }

/*widgets*/
.ui-widget-placeholder { border: 1px dotted black; }
.ui-widget-zone { float: left; overflow: auto; margin-right: 5px; padding:5px; bottom: 0px;border:1px dashed transparent;}
.dna-ui-widget {margin-bottom: 5px; overflow: auto; }
.dna-ui-widget .ui-widget-content { display: block; padding: 5px; }
.dna-ui-widget h3 { position: relative; min-height: 25px; }
.dna-ui-widget h3 a { padding: 4px 0.5em 0.5em 8px; font-size: 10pt; display: block; cursor: move; }
.dna-ui-widget h3 ul { list-style: none; margin: 0px; padding: 0px; margin-right: 5px; position: absolute; top: 50%; margin-top: -8px; right: 0px; float: right; }
.dna-ui-widget h3 ul li { position: relative; float: right; list-style: none; margin: 0px; padding: 0px; cursor: pointer; }
.ui-widget-settings { display: none; overflow: auto; padding: 5px; margin-bottom: 5px; }
.ui-node-folder { float: left; width: 16px; height: 16px; background-image: url(/content/images/folder.gif); }
.ui-node-text { border: 1px solid transparent; cursor: default; }
.ui-node-text-selected { border: 1px solid #cccccc; }

/*-------------------------------------------------ajaxlist ----------------------------------------------------------------*/
.ui-listview { display: block; cursor: default; }
.ui-listview, .ui-listview ul { padding: 0; padding-right: 10px; margin: 0; list-style: none; }
.ui-listview li { float: left; text-align: center; position: relative; margin: 2px; }
.ui-listview li.ui-listview-item { width: 80px; height: 100px; margin: 5px; }
/*.ui-listview li.ui-listview-item:hover { }*/
.ui-listview .ui-listview-item-selected { border: solid 1px #c9c9c9c; }
.ui-listview .ui-listview-item .ui-listview-item-img { width: 64px; height: 64px; line-height: 64px; margin: 5px; }
.ui-listview .ui-listview-item .ui-listview-item-img p { top: 50%; left: 50px; height: 64px; margin: 0px; }
.ui-listview .ui-listview-item .ui-listview-item-img p img { top: -50%; left: -50%; }
.ui-listview .ui-listview-item .ui-listview-item-text { width: 80px; white-space: normal; line-height: 20px; overflow: hidden; font-family: Verdana,helvetica,arial,sans-serif; font-size: 8pt; }
.ui-listview .ui-listview-item .ui-listview-item-texteditor { width: 75px; }

/*--------dropdown------*/
.ui-dropdown { position: relative; cursor: default; margin: 3px; }
.ui-dropdown .ui-dropdown-text { margin: 2px 5px 0pt 0pt; padding-left: 5px; position: absolute; top: 0; }
.ui-dropdown .ui-dropdown-icon { margin: -8px 5px 0pt 0pt; float: right; right: 0px; position: absolute; top: 50%; }
.ui-dropdown .ui-dropdown-container { position: absolute; left: 0px; right: 0px; display: none; padding-top: 5px; padding-bottom: 5px; z-index: 2000; }
.ui-dropdown .ui-dropdown-item { margin: 2px; padding: 2px; }
.ui-dropdown .ui-dropdown-text img { margin-right: 2px; }

/*--------textbox-------*/
.ui-textbox { margin: 3px; padding: 1px 4px 1px 4px; margin-right: 0px; border-right: none; position: relative; }
.ui-textbox input.ui-input { display: inline-block; border: none !important; }
.ui-textbox textarea.ui-input { display: inline-block; border: none !important; overflow: auto; }
.ui-textbox label { float: left; margin-right: 0.3em; margin-top: -0.8em; padding-left: 0; position: absolute; top: 50%; }

.ui-design-label { cursor: pointer; padding-right: 5px; position: absolute; left: 0px; top: 0px; border-left: none !important; border-top: none !important; opacity: .3; filter: Alpha(Opacity=30); }
.ui-design-label-hover { opacity: 1; filter: Alpha(Opacity=100); }
.ui-layout-bottom { bottom: 0px; position: fixed; left: 0; right: 0px; text-indent: 5px; padding: 2px; z-index: 6000; }
.ui-toolbar { list-style: none; }
.ui-toolbar li { float: left; margin-right: 5px; padding: 5px; }

.csharpcode, .csharpcode pre { margin: 0px; padding: 10px; color: black; font-family: Verdana; font-size: 9px; }
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; }
.csharpcode .lnum { color: #606060; }

.ui-watermark { opacity: .5; filter: Alpha(Opacity=50); font-style: italic; }

.ui-border-rb { border-left: none !important; border-top: none !important; }
.ui-border-top { border-bottom: none !important; border-left: none !important; border-right: none !important; }
.ui-border-left { border-top: none !important; border-bottom: none !important; border-right: none !important; }
.ui-border-right { border-top: none !important; border-left: none !important; border-bottom: none !important; }
.ui-border-bottom { border-top: none !important; border-left: none !important; border-right: none !important; }

.ui-horizontal-list { display: block; margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-horizontal-list li { float: left; display: block; padding: 5px; }

.dna-ui-icon { width: 16px; height: 16px; background-repeat: no-repeat; background-color: Transparent; display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.dna-ui-icon-online { background-image: url(images/icon_online_16.gif); }
.dna-ui-icon-offline { background-image: url(images/icon_offline_16.gif); }

.field { width: 70px; float: left; }
.fieldgroup { clear: both; margin: 3px; }
.fieldgroup label { padding: 2px; font-size: 8pt; left: 0px; }
.inputbox { border-width: 1px; border-style: solid; border-color: inherit; }
.texturepicker { margin: 2px; width: 16px; height: 16px; }
